<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="css/index.css" rel="stylesheet">
		 <!-- Bootstrap -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

	</head>
	<body>
		<div class="container">
			<!-- 头部 -->
			<div class="row clearfix">
				<div class="col-md-12 column">
					<nav class="navbar navbar-default" role="navigation">
						<div class="navbar-header">
							 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">OnlyGroup</a>
						</div>
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<li>
									<a href="index.html">首页</a>
								</li>
								<li>
									<a href="company.html">公司</a>
								</li>
								<li>
									<a href="group.html">分组</a>
								</li>
								<li>
									<a href="#">提问</a>
								</li>
								<li>
									<a href="about.html">关于</a>
								</li>
							</ul>
						</div>
					</nav>

				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="carousel slide" id="carousel-249015">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-249015">
							</li>
							<li data-slide-to="1" data-target="#carousel-249015">
							</li>
							<li data-slide-to="2" data-target="#carousel-249015">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img style="height:300px" alt="" src="imgs/og_01.jpg" />
								<div class="carousel-caption">
									<h4>
										First Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
							<div class="item">
								<img style="height:300px" alt="" src="imgs/og_02.jpg" />
								<div class="carousel-caption">
									<h4>
										Second Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
							<div class="item">
								<img style="height:300px" alt="" src="imgs/og_04.jpg" />
								<div class="carousel-caption">
									<h4>
										Third Thumbnail label
									</h4>
									<p>
										Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
									</p>
								</div>
							</div>
						</div> <a class="left carousel-control" href="#carousel-249015" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-249015" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-4 column">
					<h2>
						公司
					</h2>
					<p>
						实现公司信息的新增和查询，我们在使用其他模块之前，可以先创立公司信息，这样的话，更方便……
					</p>
					<p>
						<a class="btn" href="company.html">速来体验</a>
					</p>
				</div>
				<div class="col-md-4 column">
					<h2>
						分组
					</h2>
					<p>
						快速实现人员的分组，全部实现了智能化、我们会根据千人千面算法，基于人工智能，海量的训练，进行最佳匹配……
					</p>
						
					<p>
						 <a class="btn" href="group.html">快来分组</a>
					</p>
				</div>
				<div class="col-md-4 column">
					<h2>
						提问
					</h2>
					<p>
						你还在为选择而发愁吗？来。看看我们的精准提问系统，更好的去随机提问需要提问的人！
					</p>
					<p>
						 <a class="btn" href="#">提问吧</a>
					</p>
				</div>
			</div>
		</div>
		<footer class="footer">
			<div class="container">
				<p style="text-align:center;padding-top:15px">Copyright © 2013-2021 OnlyGroup  condingsir.com All Rights Reserved. 备案号：闽ICP备15012807号-1</p>
			</div>
		</footer>
	</body>
</html>
